<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmMaterial')}"/>
    </f:metadata>
    <body>

        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">


                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1000"/>
                    <ui:param name="toolBarTitleWidth" value="850"/>
                    <ui:param name="title" value="Material"/>
                </ui:include>
                <div align="left">
                    <p:contextMenu id="ClickDerecho">
                        <p:menuitem  value="Agregar Informaci&oacute;n para Material" icon="ui-icon ui-icon-disk"   >
                            <p:lightBox iframe="true" width="80%" height="100%"   >
                                <h:outputLink value="wfrmCategoria.xhtml" title="Agregar Categor&iacute;" >
                                    <h:outputText value="Categoria"  />
                                </h:outputLink><br/>
                                <h:outputLink value="wfrmSubCategoria.xhtml" title="Agregar SubCategoria" >
                                    <h:outputText value="SubCategoria"  />
                                </h:outputLink><br/>
                                <h:outputLink value="wfrmMarca.xhtml" title="Agregar Marca" >
                                    <h:outputText value="Marca"  />
                                </h:outputLink><br/>
                                <h:outputLink value="wfrmTipoMaterial.xhtml" title="Agregar Tipo Material" >
                                    <h:outputText value="Tipo de Material"  />
                                </h:outputLink><br/>
                                <h:outputLink value="wfrmUnidadMedicion.xhtml" title="Agregar Unidad de Medici&oacute;n" >
                                    <h:outputText value="Unidad de Medici&oacute;n"  />
                                </h:outputLink>
                            </p:lightBox>
                        </p:menuitem >
                    </p:contextMenu>

                    <p:panel header="Informaci&oacute;n de Material" style="width: 1000px">
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
                        <h:form id="material" style="width: inherit">

                            <h:panelGrid id="pMaterial1" columns="4">
                                <h:outputText value="Sucursal&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" />
                                <h:selectOneMenu value="#{materialManaged.selectedMaterial.codigo_s}" style="width: 300px" >
                                    <f:selectItems value="#{materialManaged.sucursales}" var="su" itemLabel="#{su.nombre_s}" itemValue="#{su.codigo_s}" />
                                </h:selectOneMenu>
                                <h:outputText value="Exsistencias" />
                                <h:outputText value="#{materialManaged.selectedMaterial.existencia_dm}" style="font-weight: bold; font-size: large;  background-color: red" />
                            </h:panelGrid>
                            <br/>
                            <h:panelGrid id="pMaterial2" columns="6">
                                <h:outputText value="Categor&iacute;a"/>
                                <h:selectOneMenu id="cmbCategoria" value="#{materialManaged.selectedMaterial.id_cat}" style="width: 200px">
                                    <f:selectItems value="#{materialManaged.categorias}" var="cat" itemLabel="#{cat.nombre_cat}" itemValue="#{cat.id_cat}" />
                                    <p:ajax listener="#{materialManaged.llenarSubCategorias}" update="cmbSubCategoria"/>
                                </h:selectOneMenu>

                                <h:outputText value="Subcategor&iacute;a"/>
                                <h:selectOneMenu id="cmbSubCategoria" value="#{materialManaged.selectedMaterial.id_su}" style="width: 200px" >
                                    <f:selectItems value="#{materialManaged.subCategorias}" var="scc" itemLabel="#{scc.nombre_su}" itemValue="#{scc.id_su}" />
                                </h:selectOneMenu>

                                <h:outputText value="U. Medici&oacute;n" style="width:100px " />
                                <h:selectOneMenu value="#{materialManaged.selectedMaterial.id_um}" style="width: 200px" >
                                    <f:selectItems value="#{materialManaged.unidadMediciones}" var="um" itemLabel="#{um.nombre_um}" itemValue="#{um.id_um}" />
                                </h:selectOneMenu>

                                <h:outputText value="Tipo Material"/>
                                <h:selectOneMenu id="tipo" value="#{materialManaged.selectedMaterial.codigo_tm}" style="width: 200px" >
                                    <f:selectItems value="#{materialManaged.tipoMateriales}" var="tp" itemLabel="#{tp.nombre_tm}" itemValue="#{tp.codigo_tm}" />
                                </h:selectOneMenu>

                                <h:outputText value="Marca"/>
                                <h:selectOneMenu id="marca" value="#{materialManaged.selectedMaterial.codigo_m}" style="width: 200px">
                                    <f:selectItems value="#{materialManaged.marcas}" var="mc" itemLabel="#{mc.nombre_m}" itemValue="#{mc.codigo_m}" />
                                </h:selectOneMenu>

                                <h:outputText value="Estado "/>
                                <h:selectOneMenu value="#{materialManaged.selectedMaterial.estado_ms}" rendered="false" >
                                    <f:selectItem itemLabel="Activo" itemValue="A"/>
                                    <f:selectItem itemLabel="Inactivo" itemValue="I" />
                                </h:selectOneMenu>
                                <h:selectOneMenu value="#{materialManaged.selectedMaterial.estado_ms}" >
                                    <f:selectItems value="#{materialManaged.cmbEstado}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>
                            <br/>

                            <h:panelGrid id="pMaterial3" columns="4">
                                <h:outputLabel  value="C&oacute;digo Barra"/><p:inputText value="#{materialManaged.selectedMaterial.codigo_barra_m}" style="width: 150px"/>
                                <h:outputLabel  value="C.B. Original" /><p:inputText value="#{materialManaged.selectedMaterial.codigo_barra_original_m}" style="width: 150px"/>
                            </h:panelGrid>

                            <h:panelGrid id="pMaterial4" columns="2" cellpadding="3" cellspacing="3"  style="width:inherit">
                                <h:panelGroup style="width:390px" >
                                    <h:panelGrid style="width:inherit" columns="2" >
                                        <h:outputLabel  value="Nombre" /><p:inputText value="#{materialManaged.selectedMaterial.nombre_m}" style="width: 500px"/>

                                        <h:outputLabel  value="Ubicaci&oacute;n" style="width: 100px" />
                                        <p:inputTextarea style="width: 500px ; height: 20px;"  lang="ES" maxHeight="30" effectDuration="400"  value="#{materialManaged.selectedMaterial.ubicacion_dm}"/>
                                        <h:outputText value="Descripcion" style="width: 100px" />
                                        <p:inputTextarea style="width: 500px; height: 20px;"  lang="ES" maxHeight="40" effectDuration="400"  value="#{materialManaged.selectedMaterial.descripcion_m}"/>
                                    </h:panelGrid>
                                </h:panelGroup>
                                <h:panelGrid columns="2"  >
                                    <h:outputLabel  value="Costo" /><p:inputText value="#{materialManaged.selectedMaterial.costo_dm}" style="width:100px" />
                                    <h:outputLabel  value="M&aacute;ximos" /><p:inputText value="#{materialManaged.selectedMaterial.maximo_dm}" style="width:100px" />
                                    <h:outputLabel  value="M&iacute;nimos" /><p:inputText value="#{materialManaged.selectedMaterial.minimo_dm}" style="width:100px" />
                                </h:panelGrid>
                                <br/>
                            </h:panelGrid>

                            <div align="center">
                                <h:panelGrid id="MaterialButtons" columns="2" cellpadding="5" style="width:inherit" >
                                    <p:commandButton value="#{sms.guardar}" onclick="cmdConfirm.show()" image="ui-icon ui-icon-check"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="material:pMaterial1 material:pMaterial2 material:pMaterial3 material:pMaterial4 grid:table"/>
                                    <p:confirmDialog message="#{sms.iAlmacenada}"  header="#{sms.guardar}" severity="alert"  widgetVar="cmdConfirm">
                                        <p:commandButton value="Si" actionListener="#{materialManaged.mantenimiento}" update="material:pMaterial1 material:pMaterial2 material:pMaterial3 material:pMaterial4 grid:table mensaje" oncomplete="cmdConfirm.hide()" />
                                        <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                                    </p:confirmDialog>
                                </h:panelGrid>
                            </div>
                        </h:form>
                        <h:form id="grid" style="width: inherit">
                            <p:toolbar style="width: inherit">
                                <p:toolbarGroup align="left" style="width: inherit">
                                    <p:commandButton value="Buscar" image="ui-icon ui-icon-search" title="Bucar Material" actionListener="#{materialManaged.fillGrid}" update="grid:table mensaje" />
                                </p:toolbarGroup>
                            </p:toolbar>
                            <p:dataTable id="table" value="#{materialManaged.materiales}" var="row" rows="10" paginator="true"
                                         paginatorPosition="bottom" selectionMode="single" selection="#{materialManaged.selectedMaterial}"
                                         emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="material:pMaterial1 material:pMaterial2 material:pMaterial3 material:pMaterial4"
                                         rowSelectListener="#{materialManaged.llenarSelectedMaterial_Grid}"
                                         >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Materiales"/>
                                </f:facet>

                                <p:column filterBy="#{row.nombre_cat}" sortBy="#{row.nombre_cat}" filterMatchMode="contains" headerText="Categor&iacute;a" style="width: 95px">
                                    <h:outputText value="#{row.nombre_cat}"/>
                                </p:column>
                                <p:column filterBy="#{row.nombre_su}" sortBy="#{row.nombre_su}" filterMatchMode="contains" headerText="SubCategor&iacute;a" style="width: 95px">
                                    <h:outputText value="#{row.nombre_su}"/>
                                </p:column>                            
                                <p:column filterBy="#{row.nombre_m}" sortBy="#{row.nombre_m}" filterMatchMode="contains" headerText="Material" style="width: 400px">
                                    <h:outputText value="#{row.nombre_m}"/>
                                </p:column>
                                <p:column filterBy="#{row.codigo_barra_m}" sortBy="#{row.codigo_barra_m}" filterMatchMode="contains" headerText="C&oacute;digo de Barra" style="width: 95px" >
                                    <h:outputText value="#{row.codigo_barra_m}" />
                                </p:column>
                                <p:column filterBy="#{row.ubicacion_dm}" sortBy="#{row.ubicacion_dm}" filterMatchMode="contains" headerText="Ubicaci&oacute;n" style="width: 145px">
                                    <h:outputText value="#{row.ubicacion_dm}"/>
                                </p:column>
                            </p:dataTable>
                        </h:form>
                    </p:panel>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
